<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>HTML5 VideoElement</title>	
	<script src="../build/jquery.js"></script>		
	<script src="../build/videoelement-and-player.js"></script>
	<link rel="stylesheet" href="../build/videoelementplayer.css" /></code>
</head>
<body>

<h1>VideoElement</h1>
<video id="player1" src="" type="video/webm"></video>
<!-- <video id="player1" src="Test.webm" type="video/webm" controls="controls"></video> -->
<!-- <video id="player1" src="Test.mp4" type="video/mp4"></video> -->
<!-- <video id="player1" src="http://localhost:4040/stream&id=39286&format=webm&audioCodec=vorbis&maxAudioChannels=2&maxSampleRate=48000&videoCodec=vp8&videoQuality=360&offset=0&player=1" type="video/webm"></video> -->
	
<input type="button" id="toggle" value="toggle" />

<script>

$(document).ready(function(){
    var player = new MediaElementPlayer('#player1', {
        type: 'video/webm',
        success: function (mediaElement, domObject) {

            mediaElement.setSrc([{ src: "Test.webm", type: 'video/webm' }]);
            mediaElement.load();
            mediaElement.play();
        }
    });
});

	document.getElementById('toggle')['onclick'] = function() {	
	};

</script>

</body>
</html>
